<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./jquery2.1.1.min.js" type="text/javascript"></script>
</head>
<body>

<a class="box" href="http://www.baidu.com">
    111111
    <button class="btn ">按钮</button>
</a>

<script>

    //事件会向上冒泡

     //事件方法 什么都不传时 浏览器默认会 传递 event 事件对象
    $('.btn').click(function (even){
        console.log("按钮点击了")


        console.log(even)
        even.stopPropagation();  //组织事件向上冒泡   但阻止不了 链接行为

        even.preventDefault()    //阻止链接行为     但是不阻止事件向上冒泡
    })

    $('.a').click(function (){
        console.log("a被点击了")
    })





</script>
</body>
</html>